<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<header>
			<img src="实验3/images/syc.gif" />
		</header>
		<nav>
			<ul>
				<li><a href="#">文章精选</a></li>
				<li><a href="#">内容收藏</a></li>
				<li><a href="#">心情列表</a></li>
			</ul>
		</nav>
		<!--正文 article 与 section 部分 配合使用-->
		<article>
			<h2>文章精选</h2>
			<!--部分 section-->
			<!--section 可以与 heard配合使用-->
			<section>
				<header>
					<h3>《致橡树》</h3>
					<p><mark>我如果爱你</mark>——绝不像攀援的凌霄花，借你的高枝炫耀自己；<mark>我如果爱你</mark>
						——绝不学痴情的鸟儿为绿荫重复单调的歌曲；也不止像泉源长年送来清凉的慰藉；也不止像险峰增加你的高度，
						衬托你的威仪。甚至日光。甚至春雨。不，这些都还不够！我必须是你近旁的一株木棉，作为树的形象和你站在一起。
						根，紧握在地下，叶，相触在云里。每一阵风吹过我们都互相致意，但没有人听懂我们的言语。你有你的铜枝铁干，
						像刀、像剑也像戟；我有我红硕的花朵像沉重的叹息，又像英勇的火炬。
						我们分担寒潮、风雷、霹雳；我们共享雾霭、流岚、虹霓。仿佛永远分离，却又终身相依。
						这才是伟大的爱情，坚贞就在这里：不仅爱你伟岸的身躯，也爱你坚持的位置，脚下的土地。
					</p>
				</header>
			</section>
			<!--details 与 summary 做下拉显示配合使用-->
			<details>
				<summary>显示更多</summary>
				<section>
					<header>
						<h3>《再别康桥》</h3>
					</header>
					<p>轻轻的我走了，正如我轻轻的来；我轻轻的招手，作别西天的云彩。那河畔的金柳，是夕阳中的新娘；波光里的艳影，在我的心头荡漾。
						软泥上的青荇，油油的在水底招摇；在康河的柔波里，甘心做一条水草！那榆荫下的一潭，不是清泉，是天上虹；揉碎在浮藻间，沉淀着彩虹似的梦。
						寻梦？撑一支长篙，向青草更青处漫溯；满载一船星辉，在星辉斑斓里放歌。但我不能放歌，悄悄是别离的笙箫；夏虫也为我沉默，沉默是今晚的康桥！
						悄悄的我走了，正如我悄悄的来；我挥一挥衣袖，不带走一片云彩。
					</p>
				</section>
			</details>
		</article>
		<!--footer页脚-->
		<footer>
			<h2>心灵成长值</h2>
			<img src="实验3/images/xh.jpg">
			<p>今日：<meter value="80" min="0" max="100" low="60" high="80" title="80分" optimum="100"></meter>80%</p>
		</footer>
	</body>
</html>
